import React, { Component } from 'react';
import { AppRegistry, View, StyleSheet } from 'react-native';

export default class FixedDimensionsBasics extends Component {
    render() {
        return (
            <View>
                <View style={styles.red}></View>
                <View style={{ width: 50, height: 50, backgroundColor: 'powderblue' }} />
                <View style={{ width: 100, height: 100, backgroundColor: 'skyblue' }} />
                <View style={{ width: 150, height: 150, backgroundColor: 'steelblue' }} />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    red: {
        width: 30,
        height: 30,
        backgroundColor: "pink"
    }
})